// 思路：
// 1. 看官方文档 把echarts加入项目
// 2. 如何在react获取dom -> useRef
// 3. 在什么地方获取dom节点  -> useEffect
// 4. 不抽离制定话的参数 先把最小化demo跑起来
// 5. 按照需求，哪些参数需要自定义 抽象出来

import Bar from '@/components/Bar'
import './index.scss'
function Home() {
  return (
    <div className="home">
      {/* 渲染Bar组件 */}
      <Bar
        title="主流框架使用满意度"
        xData={['react', 'vue', 'angular']}
        yData={[30, 40, 50]}
        style={{ width: '500px', height: '500px' }}
      />
      <Bar
        title="主流框架使用满意度2"
        xData={['react', 'vue', 'angular']}
        yData={[70, 20, 50]}
        style={{ width: '500px', height: '500px' }}
      />
    </div>
  )
}
export default Home
